<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<header class="header-style-1" th:fragment="indexHeader">

    <!-- ============================================== TOP MENU ============================================== -->
    <div class="top-bar animate-dropdown">
        <div class="container">
            <div class="header-top-inner">
                <div class="cnt-account">
                    <ul class="list-unstyled">
                        <li class="myaccount"><a href="soler.html"
                                                 th:href="@{/User/storeregister}"><span>商家页面</span></a></li>
                        <li class="wishlist"><a href="userwishlist.html" th:href="@{/User/userwishlist}"><span>收藏</span></a>
                        </li>
                        <li class="header_cart"><a href="usercart.html" th:href="@{/User/usercart}"><span>购物车</span></a>
                        </li>
                        <li class="myaccount"><a href="#" th:href="${session.loginUrl}"><span th:text="${session.userName}">登录</span></a>
                        </li>
                        <li class="exit" style="display: none"><a href="#"><span>注销</span></a>
                        </li>
                    </ul>
                </div>
                <!-- /.cnt-account -->

                <!-- /.cnt-cart -->
                <div class="clearfix"></div>
            </div>
            <!-- /.header-top-inner -->
        </div>
        <!-- /.container -->
    </div>
    <!-- /.header-top -->
    <!-- ============================================== TOP MENU : END ============================================== -->
    <div class="main-header">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-3 logo-holder">
                    <!-- ============================================================= LOGO ============================================================= -->
                    <div class="logo">
                    </div>
                    <!-- /.logo -->
                    <!-- ============================================================= LOGO : END ============================================================= -->
                </div>
                <!-- /.logo-holder -->

                <div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 top-search-holder">
                    <!-- /.contact-row -->
                    <!-- ============================================================= SEARCH AREA ============================================================= -->
                    <div class="search-area">
                        <form action="/index/search">
                            <div class="control-group">
                                <input name="search" class="search-field"/>
                                <a class="search-button" id="search" href="#"><input class="hidden" type="submit"></a>
                            </div>
                        </form>
                    </div>
                    <!-- /.search-area -->
                    <!-- ============================================================= SEARCH AREA : END ============================================================= -->
                </div>
                <!-- /.top-search-holder -->

                <div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 animate-dropdown top-cart-row">
                    <!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->

                    <div class="dropdown dropdown-cart">
                        <a href="#" class="dropdown-toggle lnk-cart" data-toggle="dropdown">
                            <div class="items-cart-inner">
                                <div class="basket">
                                    <div class="basket-item-count"><span class="count"
                                                                         th:text="${session.cartCount}==null?0:${session.cartCount}">15</span>
                                    </div>
                                    <div class="total-price-basket"><span class="lbl">购物车</span> <span
                                            class="value">￥<b
                                            th:text="${session.cartPrice}==null?0.00:${session.cartPrice}">600.00</b></span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <!-- /.dropdown-menu-->
                    </div>
                    <!-- /.dropdown-cart -->

                    <!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= -->
                </div>
                <!-- /.top-cart-row -->
            </div>
            <!-- /.row -->

        </div>
        <!-- /.container -->

    </div>
    <!-- /.main-header -->

    <!-- ============================================== NAVBAR ============================================== -->
    <div class="header-nav animate-dropdown">
        <div class="container">
            <div class="yamm navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button data-target="#mc-horizontal-menu-collapse" data-toggle="collapse"
                            class="navbar-toggle collapsed" type="button">
                        <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span
                            class="icon-bar"></span> <span class="icon-bar"></span></button>
                </div>
                <div class="nav-bg-class">
                    <div class="navbar-collapse collapse" id="mc-horizontal-menu-collapse">
                        <div class="nav-outer">
                            <ul class="nav navbar-nav">
                                <li class="active dropdown"><a href="index.html" th:href="@{/}">主页</a></li>
                                <li class="dropdown yamm mega-menu ">
                                    <a href="index.html" data-hover="dropdown"
                                       class="dropdown-toggle kind"
                                       data-toggle="dropdown" th:href="@{#}">服饰鞋包</a></li>
                                <li class="dropdown mega-menu ">
                                    <a href="category.html" data-hover="dropdown" class="dropdown-toggle kind"
                                       data-toggle="dropdown">电子数码</a></li>
                                <li class="dropdown hidden-sm "><a class="kind" href="category.html"
                                                                   th:href="@{#}">图书影像</a></li>
                                <li class="dropdown hidden-sm "><a class="kind" href="category.html"
                                                                   th:href="@{#}">运动户外</a></li>
                                <li class="dropdown "><a class="kind" href="#">个护化妆</a></li>
                                <li class="dropdown "><a class="kind" href="#">日用百货</a></li>
                                <li class="dropdown "><a class="kind" href="#">食品保健</a></li>
                                <li class="dropdown "><a class="kind" href="#">动漫周边</a></li>
                                <li class="dropdown "><a class="kind" href="#">其他</a></li>
                            </ul>
                            <!-- /.navbar-nav -->
                            <div class="clearfix"></div>
                        </div>
                        <!-- /.nav-outer -->
                    </div>
                    <!-- /.navbar-collapse -->

                </div>
                <!-- /.nav-bg-class -->
            </div>
            <!-- /.navbar-default -->
        </div>
        <!-- /.container-class -->

    </div>
    <!-- /.header-nav -->
    <!-- ============================================== NAVBAR : END ============================================== -->

</header>